<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min1.css"/>

		<link rel="stylesheet" type="text/css" href="css/pan4/pzk4.css"/>
		<link rel="icon" href="img/position/favicon.ico" />
		<style type="text/css">
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/bootstrap.js"></script>
		</style>
		
	<body>
		
				<header>
			<img src="img/pan4/menu.png" class="menu"/>
			<div class="menus">
				<p class="li"><a href="index.html">首页</a><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button></p>
				<p class="li"><a href="index5.html">发现</a></p>
					<p class="li1"><a href="">平面</a></p>
					<p class="li1"><a href="">UI</a></p>
					<p class="li1"><a href="">插画</a></p>
					<p class="li1"><a href="">动漫</a></p>
					<p class="li1"><a href="">摄影</a></p>
					<p class="li1"><a href="">空间</a></p>
					<p class="li1"><a href="">工业/产品</a></p>
					<p class="li1"><a href="">三维</a></p>
					<p class="li1"><a href="">手工艺</a></p>
					<p class="li1"><a href="">纯艺术</a></p>
					<p class="li1"><a href="">服装</a></p>
					<p class="li1"><a href="">其他</a></p>
					<p class="li1"><a href="">精选作品</a></p>
					<p class="li1"><a href="">精选文章</a></p>
					<p class="li1"><a href="">精选收藏</a></p>
				<p class="li"><a href="pzk1.html">同城</a></p>
				<p class="li"><a href="position.html">职位</a></p>
					<p class="lis"><a href="">职位</a></p>
					<p class="lis"><a href="">公司</a></p>
					<p class="lis"><a href="">+发布职位</a></p>
				<p class="li"><a href="pzk2.html">活动</a></p>
					<p class="lis"><a href="">设计大赛</a></p>
					<p class="lis"><a href="">公司专题策划</a></p>
					<p class="lis"><a href="">线上活动</a></p>
					<p class="lis"><a href="">线下活动</a></p>
					<p class="lis"><a href="">需为吸引瓶</a></p>
				<p class="li"><a href="index3.html">正版素材</a></p>
					<p class="lis"><a href="index3.html">图片</a></p>
					<p class="lis"><a href="">视频</a></p>
					<p class="lis"><a href="index4.html">字体</a></p>
					<p class="lis"><a href="">音乐</a></p>
				<p class="li"><a href="course.html" target="_blank">课程</a></p>
					<p class="lis"><a href="">正在热销</a></p>
					<p class="lis"><a href="">口碑好课</a></p>
				<p class="li"><a href="">...</a></p>	
					<p class="lis"><a href="榜单.html">榜单</a></p>
					<p class="lis"><a href="设计师.html">设计师</a></p>
					<p class="lis"><a href="站酷APP.html">站酷APP</a></p>
					<p class="lis"><a href="字体库.html">站酷字体</a></p>
			</div>
			<img src="img/pan4/logo.svg" class="pull-left logo"/>
			<nav class="pull-left">
				<ul class="nav pull-left clearfix">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="index5.html">发现</a>
						<div class="fx">
							<div class="top">
								<div><a href="">平面</a><span>|</span></div>	
								<div><a href="">UI</a><span>|</span></div>	
								<div><a href="">网页</a><span>|</span></div>	
								<div><a href="">插画</a><span>|</span></div>	
								<div><a href="">动漫</a><span>|</span></div>	
								<div><a href="">摄影</a><span>|</span></div>	
								<div><a href="">空间</a><span>|</span></div>	
								<div><a href="">工业/产品</a><span>|</span></div>	
								<div><a href="">三维</a><span>|</span></div>	
								<div><a href="">影视</a><span>|</span></div>	
								<div><a href="">手工艺</a><span>|</span></div>	
								<div><a href="">纯艺术</a><span>|</span></div>	
								<div><a href="">服装</a><span>|</span></div>	
								<div><a href="">其他</a><span>|</span></div>	
											
							</div>
							<hr/>
							<div class="bottom">
								<a href="">精选作品&nbsp;></a>
								<a href="">精选文章&nbsp;></a>
								<a href="">精选收藏&nbsp;></a>
							</div>
						</div>
					
					</li>
					<li><a href="pzk1.html">同城</a></li>
					<li>
						<a href="position.html">职位</a>
						<div class="zw">
							<p><a href="">职位</a></p>
							<p><a href="">公司</a></p>
							<p><a href="">+发布职位</a></p>
						</div>
					</li>
					<li>
						<a href="pzk2.html">活动</a>
						<div class="zw">
							<p><a href="">设计大赛</a></p>
							<p><a href="">公司专题策划</a></p>
							<p><a href="">线上活动</a></p>
							<p><a href="">线下活动</a></p>
							<p><a href="">学习音频</a></p>
						</div>
					</li>
					<li>
						<a href="index3.html">正版素材</a>
						<div class="zw">
							<p><a href="index3.html">图片</a></p>	
							<p><a href="">视频</a></p>
							<p><a href="index4.html">字体</a></p>
							<p><a href="">音乐</a></p>
						</div>
					</li>
					<li>
						<a href="course.html" target="_blank">课程</a>
						<div class="zw">
							<p><a href="">正在热销</a></p>
							<p><a href="">口碑好课</a></p>
						</div>
					</li>
					<li>
						<a href=""></a>
						<div class="zw">
							<p><a href="榜单.html">榜单</a></p>
							<p><a href="设计师.html">设计师</a></p>
							<p><a href="站酷APP.html">站酷APP</a></p>
							<p><a href="字体库.html">站酷字库</a></p>
						</div>
					</li>
				</ul>
			</nav>
			
			<div class="log">
				<a href=""></a>
			</div>
			<div class="log">
				<a href=""></a>
			</div>
			<span><a href="">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="">注册</a></span>
			<div class="search">
				<div class="search_top">
					<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<input type="text" name="" id="" />
					<img src="img/pan4/seach.svg"/>
				</div>
					<div class="search_bot">
						<div class="search1">热门搜索</div>
						<div class="search2">2019毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">2018毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">我是毕业生</div>
					</div>
			</div>
		</header>
		
		
		
		<div class="headerWrapper"></div>
		<div class="navvWrapper">
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">活动介绍</a></li>
				<li><a href="">全部作品</a></li>
				<li><a href="">讨论组</a></li>
				<li><a href=""></a></li>
				<span class="rightTwo">
					<a href="">上传作品</a>
					<a href="">下载模板</a>
					
				</span>
			</ul>
			
		</div>
		<div class="main">
			<div><img src="img/pan4/winners.jpg"/></div>
			<div class="dsTitle">
				<span class="xixi">大赛引言</span>
			</div>
			<div class="content">与传统的下厨观念say goodbye，先让围裙潮起来~在新的一年，六月鲜携手欧阳应霁、文昊天、唐彦三位艺术家打造史上最fashion围裙，
				机智的设计师<br/>快快打开脑洞，来一场轰轰烈烈的围裙革命，绽出你们的美丽围裙！<br/>
				叫板旧式围裙，PK大师围裙，各位，约么！</div>
			<div class="colorBoxs">号外号外：六月鲜设计师限量版围裙在欣和旗舰店“公益宝贝”上架，销售善款将捐赠“免费午餐”公益基金。
				您设计的围裙也有可能其中一员，与我们携手，亲身加入到帮助山区儿童免于饥饿的行列中来。</div>
			<div class="layout">
				<div class="indexL">
					<div class="dsTitle">
						<span class="xixi">大赛引言</span>
					</div>	
					<div class="imggg">
						<img src="img/pan4/pz.png"/>
					</div>
					
				</div>
				<div class="indexR">
					<div class="dsTitle">
						<span class="xixi">设计说明</span>
					</div>	
					<img src="img/pan4/jx.png" />
				</div>
			</div>
			<div class="layout2">
				
					<div class="layout2_one">
						<div class="dsTitle">
							<span class="xixi">设计说明</span>
						</div>	
						以围裙及围裙酱油装为基础，进行创意围裙设计，以“展现女性美的一面”为主题，如公主的烂漫、女神的高冷、
						女汉子的果敢等。参赛者可从六月鲜现有的三款围裙中选择其一，或者可自由发挥，创造更多漂亮的款式。
						<a href="" class="left">more+</a>
						<a href="" class="right"><img src="img/pan4/d.png"/></a>
					</div>
					
					
					<div class="layout2_two">
						<div class="dsTitle">
							<span class="xixi" style="float: left;">评审标准</span>
							<div class="title">
								创意性：围绕大赛主题，充分发挥新奇创意<br />
								美观性：色彩和谐，构图合理，内容精美<br />
								实用性：适合使用需求
							</div>

						</div>
					</div>
				</div>
			
			
			
			<div class="dsTitle">
				<span class="xixi">六月鲜新年围裙设计理念</span>
			</div>
			
			
			<div class="lnList">
				<ul>
					<li>
						<div><img src="img/pan4/i1.png"/></div>
						<p>“每个女人都应该是懂得宠爱自己的公主，每个女人都如同上天赐予的璀璨珠宝。大手牵小手，畅游在美丽的厨房城堡，尽享幸福亲子时光中的点点滴滴。”</p>
					</li>
					<li>
						<div><img src="img/pan4/i2.png"/></div>
						<p>“在设计中，我将女人比作一个星球的主体。她们不停自转，用自己独到的美形成吸引力，身边很多人也围绕着她转。宇宙浩翰，星空瑰麗，每个女人都是一个星球的主体。”
</p>
					</li>
					<li>
						<div><img src="img/pan4/i3.png"/></div>
						<p>“对自己有自信的美丽女人，就如同梅花一般，无需太多外在的修饰，自有发自内在的韵味。就像一道美味的菜，不一定需要各种调料一应俱全，也许只是几滴鲜美的酱油，就是能简约中绽出真味。”
</p>
					</li>
				</ul>
			</div>
			
			<div class="dsTitle">
				<span class="xixi">大赛评委</span>
			</div>
			<div class="pwList">
				<ul>
					<li>
						<img src="img/pan4/1.png"/>
						<div class="toto">
							<span class="name">欧阳应霁</span>
							<p class="worker">香港作家/美食家/漫画家</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="dsTitle">
				<span class="xixi">组织机构</span>
			</div>
			<div class="lastone">
				<span>主办方：</span>
				<a href=""><img src="img/pan4/ly.png" style="margin-right: 100px;"/></a>
				<span>承办方：</span>
				<a href=""><img src="img/pan4/zc.png"/></a>
			</div>
			
			
			
			
			
			
			
		</div>
		
		<footer>
			<div class="footerone">
				<ul class="leftul">
					<li><img src="img/pan4/footer-mobile.svg"/></li>
					<li><a href="">移动端</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">加入酷站</a></li>
					<li><a href="">用户协议</a></li>
					<li><a href="">隐私政策</a></li>
					<li><a href="">侵权申诉</a></li>
					<li><a href="">企业服务</a></li>
					<li><a href="">帮助中心</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">中文</a></li>
					<li><a href="">English</a></li>
				</ul>
				<ul class="rightul">
					<li><img src="img/pan4/footer-share-weixin.svg"/></li>
					<li><img src="img/pan4/footer-share-weibo.svg"/></li>
				</ul>
				<img src="img/pan4/footer-mobile-code.png" class="erweima_left"/>
				<img src="img/pan4/footer-weixin-code.jpg" class="erweima_right"/>
			</div>
			<div class="footertwo">
				<div class="footertwo_1">
					<ul>
						<li><a href="">京ICP备11017824号-4 </a></li>
						<li>|</li>
						<li><a href=""> 京ICP证130164号 </a></li>
						<li>|</li>
						<li><a href=""><span><img src="img/pan4/icon-police.png"/></span>京公网安备11010502000501号 </a></li>
						<li>|</li>
						<li><a href=""> 网络文化经营许可证 京网文[2016]6173-844号 </a></li>
						<li>|</li>
						<li><a href=""> 广播电视节目制作经营许可证（京）字第06990号</a></li>
					</ul>
				</div>
				<div class="footertwo_2">
					<span>营业执照</span>
					<span> 网上有害信息举报专区 </span>
					<span>不良信息举报电话：010-56538658</span>
					<span>举报邮箱 jubao@zcool.com.cn</span>
					<span>联系电话：010-56538600</span> 
					<span>Copyright © 2006-2019 ZCOOL站酷</span>
				</div>
			</div>
		</footer>
		<span class="coming"><img src="img/pan4/tt.png"/></span>
		
		
		<script>
			   	
		   		//header
			//搜索图标点击出现搜索框
				$('.log:first').click(function(e){
					e.preventDefault();
					$('.search').fadeIn(1000);					
//					$(this).fadeOut(1000);
					$(".search input").click(function(e){
						 $(".search").fadeIn(1000);
						 e.stopPropagation();
	    			});
	    			$(window).click(function(e){
				        $(".search").fadeOut(1000);
					});
				});
				$(".log:first").click(function(e){
       				 e.stopPropagation();
    });
				//menus隐藏菜单栏	
				$('.menu').click(function(){
					$('.menus').addClass('menu1')
					
				});
				$('.menus .li button').click(function(){
					$('.menus').removeClass('menu1')
					
				})
				
				
				
				
				
				
				
				
				
				
				$('.navvWrapper ul .rightTwo a').hover(function(){
					$(this).css({'background':'#ffcc00','color':'#ca3339'});
				},function(){
					$(this).css({'background':'#f9e216','color':'#ff444b'});
					
				})
				
				
				
				
				
				
				var img_li=['img/pan4/2 (1).png','img/pan4/3.png','img/pan4/sunyinan.png','img/pan4/27.png','img/pan4/wangyang.png',];
				var names=['唐 彦','文昊天','孙一楠','27Age','王阳'] ;
				var work=['自由艺术家/独立出版人','90后新锐设计师','北京服装学院纺织品设计教师','二七视觉 创意总监','家纺设计师 北京服装学院讲师']
				
				for(var i=0;i<img_li.length;i++){
					var clone_img=$('.pwList ul li:nth-of-type(1)').clone(true);
					clone_img.children('img').attr('src',img_li[i]);
					clone_img.children('.toto').children('.name').html(names[i])
					clone_img.children('.toto').children('.worker').html(work[i])
					
					$('.pwList ul').append(clone_img);
				}
				
				
				
				
				
				
				
				
//			点击回到顶部
			
//			到700就出现
			$(window).scroll(function(){
				var q=$(window).scrollTop();
				if(q>=700){
					$('.coming').css('display','inline-block');
				}else{
					$('.coming').css('display','none');
				}
			})
			
//			鼠标移进换图片
			
			$('.coming').hover(function(){
				$('.coming').children('img').attr('src','img/pan4/ttblack.png');
			},function(){
				$('.coming').children('img').attr('src','img/pan4/tt.png');
			})
			
//			点击回到顶部
			$('.coming').click(function(){
				
				 $('html,body').animate({scrollTop:0}, 0);
			})
			
				
				
							 	
//		   	footer的点击事件
		   	$('.leftul li').eq(1).hover(function(){
		   		$('.erweima_left').css('display','inline-block');
		   	},function(){
		   		$('.erweima_left').css('display','none');
		   	})
		   	
		   	$('.rightul li').eq(0).hover(function(){
		   		$('.erweima_right').css('display','inline-block');
		   		$(this).children('img').attr('src','img/pan4/footer-share-weixinhover.svg');
		   	},function(){
		   		$('.erweima_right').css('display','none');
		   		$(this).children('img').attr('src','img/pan4/footer-share-weixin.svg')
		   	})
		   	$('.rightul li').eq(1).hover(function(){
		   		$(this).children('img').attr('src','img/pan4/footer-share-weibohover.svg');
		   	},function(){
		   		$(this).children('img').attr('src','img/pan4/footer-share-weibo.svg');
		   	})
		   	
				
		</script>
	</body>
</html>
